.pe-card {
    width: 500px;
    border-radius: var(--pe-border-radius);
    border: 1px solid var(--pe-color-border);
    color: var(--pe-color-text);
    transition: var(--pe-all-transition);

    .pe-card-header, .pe-card-content, .pe-card-footer {
        padding: 20px;
        font-size: 16px;
    }

    .pe-card-header {
        border-bottom: 1px solid var(--pe-color-border);
    }

    .pe-card-footer {
        border-top: 1px solid var(--pe-color-border);
    }
}

.pe-card-hover:hover {
    box-shadow: 0 0 10px rgba($color: #000000, $alpha: 0.2);
}

.pe-card-always {
    box-shadow: 0 0 10px rgba($color: #000000, $alpha: 0.2);
}